﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>设备信息</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <script src="components/requirejs/require.js" async="async" data-main="resources/js/equipmentDetail"></script>
    <link href="components/mint-ui/style.min.css" rel="stylesheet" />
    <link href="resources/css/common.css" rel="stylesheet" />
    <link href="resources/css/equipmentDetail.css" rel="stylesheet" />
</head>
<body>
    <div id="view">
        <div view v-if="isloading"></div>

        <mt-navbar topbar v-model="selected" :fixed=true>
            <mt-tab-item id="info">资产信息</mt-tab-item>
            <mt-tab-item id="fault">故障履历</mt-tab-item>
            <mt-tab-item id="change">变更履历</mt-tab-item>
        </mt-navbar>
        <div palaceholder-topbar></div>

        <mt-tab-container v-model="selected" :swipeable=true>
            <mt-tab-container-item id="info">
                <div>
                    <div group>
                        <div group-title>
                            <div center-v>
                                <img src="resources/image/index/equipment.png" />
                            </div>
                            <div>
                                {{detail.code}}
                            </div>
                            <div center>
                                <div arrow-up></div>
                            </div>
                        </div>
                        <div group-item>
                            <div>名称：</div>
                            <div>{{detail.name}}</div>
                        </div>
                        <div group-item>
                            <div>类别：</div>
                            <div>{{detail.confCategoryName}}</div>
                        </div>
                        <div group-item>
                            <div>序列号：</div>
                            <div>{{detail.assetCode}}</div>
                        </div>
                        <div group-item>
                            <div>规格：</div>
                            <div>{{detail.specification}}</div>
                        </div>
                        <div group-item>
                            <div>型号：</div>
                            <div>{{detail.model}}</div>
                        </div>
                        <div group-item>
                            <div>所属客户：</div>
                            <div>{{detail.cusCustomerName}}</div>
                        </div>
                        <div group-item>
                            <div>位置：</div>
                            <div>{{detail.locationName}}</div>
                        </div>
                        <div group-item>
                            <div>购入价格：</div>
                            <div>{{detail.price}}</div>
                        </div>
                        <div group-item>
                            <div>地址：</div>
                            <div>{{detail.address}}</div>
                        </div>
                    </div>

                    <div group>
                        <div group-title>
                            <div center-v>
                                <img src="resources/image/common/incidentInfo.png" />
                            </div>
                            <div>
                                人员信息
                            </div>
                            <div center>
                                <div arrow-up></div>
                            </div>
                        </div>
                        <div group-item>
                            <div>责任人：</div>
                            <div>{{detail.useStaffName}}</div>
                        </div>
                        <div group-item>
                            <div>部门：</div>
                            <div>{{detail.departmentName}}</div>
                        </div>
                        <div group-item>
                            <div>管理者：</div>
                            <div>{{detail.managementStaffName}}</div>
                        </div>
                        <div group-item>
                            <div>维护者：</div>
                            <div>{{detail.supportStaffName}}</div>
                        </div>
                    </div>

                    <div group>
                        <div group-title>
                            <div center-v>
                                <img src="resources/image/common/incidentInfo.png" />
                            </div>
                            <div>
                                生命周期信息
                            </div>
                            <div center>
                                <div arrow-up></div>
                            </div>
                        </div>
                        <div group-item>
                            <div>状态：</div>
                            <div>{{detail.status}}</div>
                        </div>
                        <div group-item>
                            <div>采购日期：</div>
                            <div>{{detail.buyDate}}</div>
                        </div>
                        <div group-item>
                            <div>安装日期：</div>
                            <div>{{detail.installationDate}}</div>
                        </div>
                        <div group-item>
                            <div>在用日期：</div>
                            <div>{{detail.availableDate}}</div>
                        </div>
                        <div group-item>
                            <div>报废日期：</div>
                            <div>{{detail.expiredDate}}</div>
                        </div>
                    </div>

                    <div group>
                        <div group-title>
                            <div center-v>
                                <img src="resources/image/common/incidentInfo.png" />
                            </div>
                            <div>
                                维保信息
                            </div>
                            <div center>
                                <div arrow-up></div>
                            </div>
                        </div>
                        <div group-item>
                            <div>制造商：</div>
                            <div>{{detail.manufacturerProviderName}}</div>
                        </div>
                        <div group-item>
                            <div>供应商：</div>
                            <div>{{detail.provider}}</div>
                        </div>
                        <div group-item>
                            <div>维保商：</div>
                            <div>{{detail.maintainerProviderName}}</div>
                        </div>
                        <div group-item>
                            <div>维保日期：</div>
                            <div>{{detail.maintainerStartDate}}-{{detail.maintainerEndDate}}</div>
                        </div>
                        <div group-item>
                            <div>保修电话：</div>
                            <div>{{detail.repairTel}}</div>
                        </div>
                        <div group-item>
                            <div>备注：</div>
                            <div>{{detail.meno}}</div>
                        </div>
                    </div>
                </div>
            </mt-tab-container-item>
            <mt-tab-container-item id="fault">
                <div resume v-for="item in failureResume">
                    <div>
                        <div>故障编号：</div>
                        <div>{{item.code}}</div>
                    </div>
                    <div>
                        <div>
                            发生时间：
                        </div>
                        <div>
                            {{item.happen_time}}
                        </div>
                    </div>
                    <div>
                        <div>
                            申请人：
                        </div>
                        <div>
                            {{item.linkman_name}}
                        </div>
                    </div>
                    <div>
                        <div>
                            标题：
                        </div>
                        <div>
                            {{item.title}}
                        </div>
                    </div>
                    <div>
                        <div>
                            描述：
                        </div>
                        <div>
                            {{item.description}}
                        </div>
                    </div>
                    <div>
                        <div>
                            解决人：
                        </div>
                        <div>
                            {{item.solver_name}}
                        </div>
                    </div>
                    <div>
                        <div>
                            解决时间：
                        </div>
                        <div>
                            {{item.solved_date}}
                        </div>
                    </div>
                </div>
            </mt-tab-container-item>
            <mt-tab-container-item id="change">
                <div resume v-for="item in changeResume">
                    <div>
                        <div>
                            变更编号：
                        </div>
                        <div>
                            {{item.code}}
                        </div>
                    </div>
                    <div>
                        <div>
                            发生时间：
                        </div>
                        <div>
                            {{item.request_date}}
                        </div>
                    </div>
                    <div>
                        <div>
                            请求人：
                        </div>
                        <div>
                            {{item.requester_name}}
                        </div>
                    </div>
                    <div>
                        <div>
                            标题：
                        </div>
                        <div>
                            {{item.title}}
                        </div>
                    </div>
                    <div>
                        <div>
                            描述：
                        </div>
                        <div>
                            {{item.description}}
                        </div>
                    </div>
                    <div>
                        <div>
                            实施者：
                        </div>
                        <div>
                            {{item.executer_name}}
                        </div>
                    </div>
                    <div>
                        <div>
                            实施时间：
                        </div>
                        <div>
                            {{item.execute_time}}
                        </div>
                    </div>
                </div>
            </mt-tab-container-item>
        </mt-tab-container>
    </div>
</body>
</html>